<template>
  <div class="ace-container">
    <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->
    <div class="ace-editor" ref="ace"></div>
  </div>
</template>

<script>
export default {
  name: 'CodeEditor',
  props: {
    value: {
      type: String,
      required: true
    },
    readonly: {
      type: Boolean,
      default: false
    },
    styleForTd: {
      type: Boolean,
      default: false
    },
    mode: {
      type: String,
      default: 'javascript'
    },
    userWorker: {
      //是否开启语法检查，默认开启
      type: Boolean,
      default: true
    }
  },

  data() {
    return {}
  },
  watch: {
    //
  }
}
</script>

<style lang="scss" scoped>
.ace-editor {
  min-height: 300px;
}
</style>
